<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="/hdocs/style/css/setting.css" type="text/css" rel="stylesheet" />
<link href="/hdocs/style/css/common.css" type="text/css" rel="stylesheet" />
<title>瓜朋网-用户设置</title>
<script type="text/javascript" src="/hdocs/jquery/js/jquery-1.8.2.js"></script>
<script type="text/javascript" src="/hdocs/style/js/common.js"></script>
<script type="text/javascript">
function fileBrowser() {
	$("#fileUpload").click();
}
function changeBrowser() {
	$("#viewFile").val($("#fileUpload").val());
}
function imageSubmit() {
	$("#imageForm").submit();
}
</script>
</head>
<body>
      #set ($menuIndex="index") #parse("/inc/header.html")
      <p class="h10"></p>
      <p class="h10"></p>
      <p class="h10"></p>
      <p class="h10"></p>
      <div class="centent">
            <div class="messLe">
                 <p class="messTcT">账户设置</p>
                 <a href="/setting/modifyInfoInit.jsp">个人资料</a>
                 <a href="/setting/modifyImageInit.jsp" class="def">修改头像</a>
                 <a href="/setting/modifyPasswordInit.jsp">修改密码</a>
            </div>
            <div class="cenRi">
                  <p class="about">修改头像</p>
                  <p class="h10"></p>
                  <p class="h10"></p>
                  <p class="h10"></p>
                  <p class="h10"></p>
                  <form id="imageForm" style="display:none;" action="/user/uploadImages.jsp" method="post" enctype="multipart/form-data">
					  <input id="fileUpload" type="file" onchange="changeBrowser()" name="fileUpload"/>
				  </form>
                  <div class="chgIncv">
                      <input id="viewFile" type="text" class="mouPs" />
                      <a href="javascript:fileBrowser();" class="seeMax">浏览本地照片</a>
                      <a href="javascript:imageSubmit();" class="seeMbx">上传</a>
                  </div>
                  <p class="seePsd">支持bmp, gif, jpg, png 图片格式，大小不要超过 1M</p>
                  <p class="h10"></p>
                  <p class="h10"></p>                 
                  <p class="h10"></p>
                  <div class="xgKm">
                        <p class="agkLe">本地照片：选择一张本地的图片编辑后上传为头像</p>
                        <div class="psMiv">
                            <p class="mivTit">您上传的头像会自动生成四种尺寸，请注意中心尺寸的头像是否清晰</p>
                            <p class="miva">大尺寸头像 160x160 像素</p>
                            <p class="mivb"><img id="img1" src="$!imageInfo.images[0]"/></p>
                            <p class="h10"></p>                 
                            <p class="h10"></p>
                            <p class="miva">大尺寸头像70x70 像素</p>
                            <p class="mivb"><img id="img3" src="$!imageInfo.images[2]"/></p>
                            <p class="h10"></p>                 
                            <p class="h10"></p>
                            <p class="miva">大尺寸头像 50x50 像素</p>
                            <p class="mivb"><img id="img4" src="$!imageInfo.images[3]"/></p>
                            <p class="h10"></p>                 
                            <p class="h10"></p>
                            <p class="miva">大尺寸头像 30x30 像素</p>
                            <p class="mivb"><img id="img5" src="$!imageInfo.images[4]"/></p>
                        </div>
                  </div>
                  <p class="h10"></p>
                  <p class="h10"></p>
                  <p class="h10"></p>
                  <p class="h10"></p>
            </div>
      </div>
      #parse("/inc/footer.html")
</body>
</html>
